<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="productTastListAddLabel" data-backdrop="static"
    aria-hidden="true" *ngIf="initService.init" id="contentProductDetals">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
            <form>
                <!-- 模态框头部 -->
                <div class="modal-header">
                    <h4 class="modal-title" id="productTastListAddLabel">产品内容-详情</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <!-- 模态框主体 -->
                <div class="modal-body">
                    <div class="container">

                        <div class="input_div">
                            <label class="input_title">产品名称：</label>
                            <input class="input_inputStyle" required disabled name="name" #name="ngModel" [ngModel]="details.name">
                        </div>
                        <div class="input_div">
                            <label class="input_title">所属项目：</label>
                            <input class="input_inputStyle" required disabled name="projectName" #projectName="ngModel" [ngModel]="details.projectName">
                        </div>
                        <div class="input_div">
                            <label class="input_title">ISBN：</label>
                            <input class="input_inputStyle" required disabled name="isbn" #isbn="ngModel" [ngModel]="details.isbn">
                        </div>
                        <div class="input_div">
                            <label class="input_title">产品编码：</label>
                            <input class="input_inputStyle" required name="barcode" disabled #barcode="ngModel" [ngModel]="details.barcode">
                        </div>
                        <div class="input_div">
                            <label class="input_title">作者：</label>
                            <input class="input_inputStyle creator-style" id="assignAuthor" disabled name="author"
                                #author="ngModel" [ngModel]="details.author">
                        </div>
                        <div class="input_div">
                            <label class="input_title">出版社：</label>
                            <input class="input_inputStyle" disabled required name="publisher" #publisher="ngModel" [ngModel]="details.publisher">
                        </div>
                        <div class="input_div">
                            <div class="textarea_title">产品简介：</div>
                            <textarea class="textarea_textareaStyle" disabled name="intro" #intro="ngModel" [ngModel]="details.intro"></textarea>
                        </div>
                    </div>
                </div>
                <!-- 模态框底部 -->
                <div class="modal-footer" style="width: 100%;">
                    <button type="button" class="btn btn-default" data-dismiss="modal" (click)="initService._init()">取消</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="productTastListAddLabel" data-backdrop="static"
    aria-hidden="true" id="preview">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document" style="max-width: 90%;height: 70%;">
        <div class="modal-content" style="height:100%" [ngStyle]="{'height':fileFormat == 'mp3' ? 'auto':'100%','width':fileFormat == 'mp3' ? '450px':'','left':fileFormat == 'mp3' ? '700px':''}">
            <!-- 模态框头部 -->
            <div class="modal-header" style="background: rgba(255,255,255,0.1);     border: none; ">
                <h4 class="modal-title" id="productTastListAddLabel">{{previewData?.name}}</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <video id="video-model" *ngIf="fileFormat == 'mp4'" autostart="true" src="http://static.61read.com/videos/2018/BaoBiChiHuLi.mp4" width="100%" controls preload></video>
            <audio id="audio-model" *ngIf="fileFormat == 'mp3'" autostart="true" src="http://static.61read.com/videos/2018/BaoBiChiHuLi.mp3" style="width:100%;"  controls preload="load"></audio>
            <iframe *ngIf="fileFormat != 'mp3' && fileFormat != 'mp4' && fileFormat != 'xml' && fileFormat != 'XML' && fileFormat != 'pdf'" width="100%" height="100%" id="previews" style="border: 1px solid rgba(0,0,0,0.1); background: #fff;"></iframe>
            <object id="pdf-model" *ngIf="fileFormat == 'pdf'" height="95%">
                <embed width="100%" height="100%" style="border: 1px solid rgba(0,0,0,0.1); background: #fff;"/>
            </object>
            <div class="modal-body" *ngIf="fileFormat == 'xml' || fileFormat == 'XML'">
                <div class="row" style="height:800px;overflow-y: scroll;">
                    <div class="col-md-12 col-sm-12 PI-left-center01" [innerHTML]="fileContent|safeStr">
                    </div>
                </div>
            </div>

            
        </div>
    </div>
</div>